 <template>
   <Card :shadow="shadow">
      <div class="card-name">
        <div class="name width1">交易详情</div>
      </div>
      <div class="content-con">
        <div class="bank-form">
          <div class="form-item">
            <Row :gutter="24">
              <i-col span="12"
              v-for="(details,index) in detailsData"
              :key='details.id'>
                <Row style="padding-top: 15px;">
                  <i-col span="8" class="ban-left">
                    {{details.title}}
                  </i-col>
                  <i-col span="16">
                    <i-input :value.sync="details.value" size="large" readonly></i-input>
                  </i-col>
                </Row>
              </i-col>
            </Row>
          </div>
        </div>
        <div class="ban-btn">
          <i-button class="save" size="large" @click="btnClick1">返回</i-button>
        </div>
      </div>
   </Card>

 </template>
 <script>
 import { mapMutations } from 'vuex'
 export default {
   name: 'off-view',
   props:{
     shadow: {
       type: Boolean,
       default: false
     }
   },
   data() {
     return {
       detailsData:[
         {
           title: '商户ID',
           value: '20000032'
         },
         {
           title: '变更金额',
           value: '103'
         },
         {
           title: '收款人',
           value: '测试001'
         },
         {
           title: '银行卡账号',
           value: '111'
         },
         {
           title: '交易金额(元)',
           value: '489'
         },
         {
           title: '入账金额(元)',
           value: '474.33'
         },
         {
           title: '手续费(元)',
           value: '14.67'
         },
         {
           title: '费率',
           value: '3.0%'
         },
         {
           title: '交易状态',
           value: '生成'
         },
         {
           title: '支付成功时间',
           value: ''
         },
         {
           title: '创建时间',
           value: '2020-10-13 11:42:19'
         },
         {
           title: '修改时间',
           value: '2020-10-13 11:42:19'
         }
       ]
     };
   },
   methods: {
    //关闭标签页
    ...mapMutations([
      'closeTag'
    ]),
    close () {
      console.log(this.$route.params.row)
      this.closeTag({
        name: 'off-view'
        // params: {
        //   row: this.$route.params.row
        // }
      })
    },
    // 返回按钮
    btnClick1 () {
      this.close()
    }
   }
 };
 </script>
 <style lang="less">
 </style>
